<script>
    export let title = 'Default';
</script>

<button class="btn color">{title}</button>

<style>
    button {
        padding: 4px;
    }
    .btn {
        margin: 0px;
    }
</style>

<style main="btn" external>
    .btn {cursor: pointer;}
	.color {
        color: rgba(0, 0, 0, 0.87);
        border: 1px solid rgba(0, 0, 0, 0.23);
    }
	.color:hover {
        background-color: rgba(0, 0, 0, 0.04);
    }
</style>
